<template>
  <div>
    <!-- 导航栏 -->
    <van-nav-bar
      title="个人信息"
      left-arrow
      :border="false"
      fixed
      @click-left="$utils.back($route.path);"
    />
    <div class="has-top">
      <div class="br-12 bg-white mg-25">
        <div class="ptb-50 plr-30 flex-v-c">
          <headPortrait-box class="br-full" :headPortraitUrl="headPortraitUrl"></headPortrait-box>
          <level-box :gradeInfo="gradeInfo"></level-box>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import headPortraitBox from 'components/headPortraitBox'
import levelBox from 'components/levelBox'
import { GetMemberCenterInfo } from 'api/member'
export default {
  components: {
    headPortraitBox,
    levelBox
  },
  data() {
    return {
      gradeInfo: {},
      headPortraitUrl: ''
    }
  },
  created() {
    this.GetMemberCenterInfo()
  },
  computed: {},
  methods: {
    GetMemberCenterInfo() {
      GetMemberCenterInfo().then(res => {
        console.log(res.Data)
        if (res) {
          this.gradeInfo = res.Data
          // this.imgUrl = res.Data.HeadPortrait
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
